<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>我们的故事很短</li>
        <li>我们爱都爱了</li>
        <li>对面那个女人</li>
        <li>现在夜已很深</li>
    </ul>
    <ol id="ol">
        <li>过往的我们</li>
        <li>我们还有可能</li>
        <li>害怕什么</li>
        <li>爱着爱着过完余生</li>
    </ol>
    <script>
        // 1.getElementByTagName输入、处理、输出
        // 根据标签名获取元素的伪数组
        let result = document.getElementsByTagName('li');
        console.log(result);

        // 2.伪数组，具有数组结构，但是不能使用数组的方法
        console.log(typeof result);
        // result.push('a');
        

        // 3.获取元素内部的标签，指定父级
        let ol =document.getElementById('ol');
        let lis = ol.getElementsByTagName('li');
        console.log(lis);

        // 4.遍历数组

        for(let i = 0;i<lis.length;i++){
            console.log(lis[i]);
        }
    </script>
</body>

</html>